<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--<style>
        @keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}
        .rotate{animation:rotate 1s linear infinite}
    </style>-->
</head>
<body id="main"><!--style="text-align: center; background: #eee">-->
<!--<input class="rotate" id="i" type="button" src="./email/images/loading.png" value="获取验证码" alt="获取验证码" title="">
<img class="rotate" id="j" src="./email/images/loading.png" alt="获取验证码" title="">-->
<!--<div style="padding: 0 30px">
    <div style="display: inline-block; margin: 20px auto">修改密码</div>
    <table style="padding: 0 30px; border-collapse: collapse; border-spacing: 0">
        <tr>
            <td style="width:90px; border: 1px solid #88a; text-align: right"><label style="color: #669">新密码</label></td>
            <td style="width:190px; border: 1px solid #88a;"><input style="font-size: 20px; padding-left: 10px; border: none; outline: none; height: 30px" type="password" maxlength="32"></td>
        </tr>
        <tr>
            <td style="width:90px; border: 1px solid #88a; text-align: right"><label style="color: #669">确认密码</label></td>
            <td style="width:190px; border: 1px solid #88a;"><input style="font-size: 20px; padding-left: 10px; border: none; outline: none; height: 30px" type="password" maxlength="32"></td>
        </tr>
    </table>
</div>
<button id="btn">点我</button>-->
<nav></nav>
<script src="admin/js/qrcode/jquery3.5.1.js"></script>
<script src="admin/js/layer-v3.5.1/layer/layer.js"></script>
<script src="./admin/js/lib.js"></script>
<!--<script>
    $(function () {/*
        const $input = $("#i");
        $input.focusin(function () {onkeypress = function (key) {
            console.log(key.key);
            layer.load(1);
        }});
        $input.focusout(function () {onkeypress = undefined});*/
        var $this = $("#i");
        $this.css({"width": "80px", "height": "40px"});
        $this.click(function () {
            $this.attr('disabled', 'disabled');
            var i = 10;
            $this.val('(' + i&#45;&#45; + ')');
            var interval = setInterval(function () {
                $this.val('(' + i&#45;&#45; + ')');
                if (i < 0) {
                    clearInterval(interval);
                    $this.removeAttr('disabled');
                    $this.val('获取验证码');
                }
            }, 1000);
        })

        let k = 0;
        setInterval(function () {
            k >= 360 ? k = 360 / 15 : (k += 360 / 15);
            $(".rotate").css("transform", "rotate(" + (360 - k) + "deg)");
        }, 30);

        function f() {
            var main = document.getElementById("main");
            main.style.margin = ((document.documentElement.clientHeight - main.offsetHeight) / 3).toString() + "px auto";
        }

        f();
        window.addEventListener("resize", f);
    })
</script>-->
<script>
    /*$("#btn").click(function () {
        layer.confirm('是否跳转页面去修改绑定的手机号码？\n本页面所做修改将自动保存。', function (index) {
            layer.close(index);
            layer.msg('哈哈哈');
        });
    });


    $("#btn").click (function () {
    layer.open({
        type: 1,
        title: '修改密码',
        closeBtn: 1,
        shadeClose: false,
        btn: ['确定', '取消'],
        skin: '',
        content: '<div style="margin: 20px 20px 0 20px; background: #cb2020">\n' +
            '    <table style="margin: 0 auto; padding: 0; border-collapse: collapse; border-spacing: 0">\n' +
            '        <tr>\n' +
            '            <td style="background-color: #efefef; padding: 0 10px; width:90px; border: 1px solid #88a; text-align: right"><label for="new" style="color: #669">新密码</label></td>\n' +
            '            <td style="width:190px; border: 1px solid #88a;"><input id="new" style="font-size: 20px; padding-left: 10px; border: none; outline: none; height: 30px" type="password" maxlength="32"></td>\n' +
            '        </tr>\n' +
            '        <tr>\n' +
            '            <td style="background-color: #efefef; padding: 0 10px; width:90px; border: 1px solid #88a; text-align: right"><label for="confirm" style="color: #669">确认密码</label></td>\n' +
            '            <td style="width:190px; border: 1px solid #88a;"><input id="confirm" style="font-size: 20px; padding-left: 10px; border: none; outline: none; height: 30px" type="password" maxlength="32"></td>\n' +
            '        </tr>\n' +
            '    </table>\n' +
            '</div>',
        yes: function (index) {
            var $new = $("#new");

            if (!test_ipt(testPasswd, $new, $("label[for=new]"))) {
                layer.msg('密码格式不正确');
                return;
            }
            if ($new.val() !== $("#confirm").val())
                layer.msg('两次密码不一致');
            else {
                $("password").val($new.val());
                layer.msg('密码修改完成，点击确认修改提交。<br>修改后记得用新密码登录哦~');
                layer.close(index);
            }
        },
        });
    });*/

    /* var $nav = $("nav");
     var hrefs = [
         '/',
         '/500.html',
         '/lazyboard.html',
         '/login.html',
         '/logout.do'
     ];
     var navNames = [
         '返回首页',
         '服务器错误',
         '懒人排行榜',
         '登录页',
         '退出登录'
     ];
     for (let i = 0; i < hrefs.length; i++) {
         $nav.append('<a href="' + hrefs[i] + '">' + navNames[i] + '</a>');
     }*/


</script>
</body>
</html>